<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>
        小米商城 - Xiaomi 11 Ultra、Redmi K40 Pro、MIX FOLD，小米电视官方网站
    </title>
    <meta name="description"
        content="小米官网直营小米公司旗下所有产品，包括Xiaomi手机系列Xiaomi 11 Ultra、MIX FOLD，Redmi 红米系列Redmi Note 9、Redmi K40 Pro，小米电视、笔记本、米家智能家居等，同时提供小米客户服务及售后支持." />
    <meta name="keywords" content="Xiaomi,redmi,Xiaomi11 Ultra,Redmi Note 9,Xiaomi MIX Alpha,小米商城" />
    <title>首页</title>
    <link rel="stylesheet" href="../css/小米首页.css">
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/iconfont.css">
    <link rel="stylesheet" href="../css/swiper.min.css">

    
</head>

<body>
    <!-- 右侧导航栏 -->
     <div id="flex-nav">
        <div>
            <a href="#" class="iconfont icon-huafeichongzhi"></a>
            <a href="#">手机APP</a>
        </div>
        <div>
            <a href="#" class="iconfont icon-denglu"></a>
            <a href="#">个人中心</a>
        </div>
        <div>
            <a href="#" class="iconfont icon-weixiu"></a>
            <a href="#">售后服务</a>
        </div>
        <div>
            <a href="#" class="iconfont icon-kefu"></a>
            <a href="#">人工客服</a>
        </div>
        <div>
            <a href="#" class="iconfont icon-gouwuchekong"></a>
            <a href="#">购物车</a>
        </div>
        <div>
            <a href="#" class="iconfont icon-huidaodingbu"></a></a>
            <a href="#">回顶部</a>
        </div>
    </div>
    <!-- 头部导航栏 -->
    <div id="nav">
        <div class="nav-list container ">
            <ul>
                <li><a href="#">小米商城</a></li>
                <li><a href="#">MIUI</a></li>
                <li><a href="#">loT</a></li>
                <li><a href="#">云服务</a></li>
                <li><a href="#">金融</a></li>
                <li><a href="#">有品</a></li>
                <li><a href="#">小爱开放平台</a></li>
                <li><a href="#">企业团购</a></li>
                <li><a href="#">资质证照</a></li>
                <li><a href="#">协议规则</a></li>
                <li><a href="#" id="apps">下载app
                        <div id="app">
                            <img src="../img/app.png" alt="">
                            <p>小米商城app</p>
                        </div>
                    </a>
                </li>
                <li><a href="#">智能生活</a></li>
                <li><a href="#">Select Location</a></li>
            </ul>
            <ol>
                <li id="dl"><a href="注册登录页.html" >登录</a></li>
                <li id="zc"><a href="注册登录页.html">注册</a></li>
                <li id="tc"><a href="#">退出</a></li>
                <li><a href="#">消息通知</a></li>
                <li id="cart"><a href="购物车.html"><i class="iconfont icon-gouwuchekong"></i>购物车(0)</a>
                    <div id="cars">购物车中还没有商品</div>
                </li>
            </ol>
        </div>
    </div>

    <!-- 商品导航栏 -->
    <div id="mainbav" class="container">
        <div class="mainbav-logo">
            <a href="index.html"><img src="../img/mi.jpg" alt=""></a>
        </div>
        <ul class="mainbav-list">
            <li>
                <a href="#"><span>小米手机</span></a>
                <div class="container">
                    <ul>
                        <li>
                            <a href="#"><img src="../img/cv.webp" alt=""><p>redmi 11pro</p><b>2599元</b></a>
                        </li>
                        <li>
                            <a href="#"><img src="../img/cv.webp" alt=""><p>redmi 11pro</p><b>2599元</b></a>
                        </li>
                        <li>
                            <a href="#"><img src="../img/cv.webp" alt=""><p>redmi 11pro</p><b>2599元</b></a>
                        </li>
                        <li>
                            <a href="#"><img src="../img/cv.webp" alt=""><p>redmi 11pro</p><b>2599元</b></a>
                        </li>
                        <li>
                            <a href="#"><img src="../img/cv.webp" alt=""><p>redmi 11pro</p><b>2599元</b></a>
                        </li>
                        <li>
                            <a href="#"><img src="../img/cv.webp" alt=""><p>redmi 11pro</p><b>2599元</b></a>
                        </li>
                    </ul>
                </div>
            </li>
            <li>
                <a href="#"><span>Redmi红米</span></a>
                <div class="container">
                    <ul>
                        <li>
                            <a href="#"><img src="../img/mix4.webp" alt=""><p>redmi 11pro</p><b>2599元</b></a>
                        </li>
                        <li>
                            <a href="#"><img src="../img/mix4.webp"  alt=""><p>redmi 11pro</p><b>2599元</b></a>
                        </li>
                        <li>
                            <a href="#"><img src="../img/mix4.webp"  alt=""><p>redmi 11pro</p><b>2599元</b></a>
                        </li>
                        <li>
                            <a href="#"><img src="../img/mix4.webp"  alt=""><p>redmi 11pro</p><b>2599元</b></a>
                        </li>
                        <li>
                            <a href="#"><img src="../img/mix4.webp"  alt=""><p>redmi 11pro</p><b>2599元</b></a>
                        </li>
                        <li>
                            <a href="#"><img src="../img/mix4.webp"  alt=""><p>redmi 11pro</p><b>2599元</b></a>
                        </li>
                    </ul>
                </div>
            </li>
            <li>
                <a href="#"><span>电视</span></a>
                <div class="container">
                    <ul>
                        <li>
                            <a href="#"><img src="../img/dianshi.webp" alt=""><p>小米电视6</p><b>7999元</b></a>
                        </li>
                        <li>
                            <a href="#"><img src="../img/dianshi.webp" alt=""><p>小米电视6</p><b>7999元</b></a>
                        </li>
                        <li>
                            <a href="#"><img src="../img/dianshi.webp" alt=""><p>小米电视6</p><b>7999元</b></a>
                        </li>
                        <li>
                            <a href="#"><img src="../img/dianshi.webp" alt=""><p>小米电视6</p><b>7999元</b></a>
                        </li>
                        <li>
                            <a href="#"><img src="../img/dianshi.webp" alt=""><p>小米电视6</p><b>7999元</b></a>
                        </li>
                        <li>
                            <a href="#"><img src="../img/dianshi.webp" alt=""><p>小米电视6</p><b>7999元</b></a>
                        </li>
                    </ul>
                </div>
            </li>
            <li>
                <a href="#"><span>笔记本</span></a>
                <div class="container">
                    <ul>
                        <li>
                            <a href="#"><img src="../img/pro15.png" alt=""><p>小米笔记本pro</p><b>5999元</b></a>
                        </li>
                        <li>
                            <a href="#"><img src="../img/pro15.png" alt=""><p>小米笔记本pro</p><b>5999元</b></a>
                        </li>
                        <li>
                            <a href="#"><img src="../img/pro15.png" alt=""><p>小米笔记本pro</p><b>5999元</b></a>
                        </li>
                        <li>
                            <a href="#"><img src="../img/pro15.png" alt=""><p>小米笔记本pro</p><b>5999元</b></a>
                        </li>
                        <li>
                            <a href="#"><img src="../img/pro15.png" alt=""><p>小米笔记本pro</p><b>5999元</b></a>
                        </li>
                        <li>
                            <a href="#"><img src="../img/pro15.png" alt=""><p>小米笔记本pro</p><b>5999元</b></a>
                        </li>
                    </ul>
                </div>
            </li>
            <li>
                <a href="#"><span>家电</span></a>
                <div class="container">
                    <ul>
                        <li>
                            <a href="#"><img src="../img/bingxiang.jpg" alt=""><p>米家冰箱</p><b>3999元</b></a>
                        </li>
                        <li>
                            <a href="#"><img src="../img/bingxiang.jpg" alt=""><p>米家冰箱</p><b>3999元</b></a>
                        </li>
                        <li>
                            <a href="#"><img src="../img/bingxiang.jpg" alt=""><p>米家冰箱</p><b>3999元</b></a>
                        </li>
                        <li>
                            <a href="#"><img src="../img/bingxiang.jpg" alt=""><p>米家冰箱</p><b>3999元</b></a>
                        </li>
                        <li>
                            <a href="#"><img src="../img/bingxiang.jpg" alt=""><p>米家冰箱</p><b>3999元</b></a>
                        </li>
                        <li>
                            <a href="#"><img src="../img/bingxiang.jpg" alt=""><p>米家冰箱</p><b>3999元</b></a>
                        </li>
                    </ul>
                </div>
            </li>
            <li>
                <a href="#"><span>路由器</span></a>
                <div class="container">
                    <ul>
                        <li>
                            <a href="#"><img src="../img/luyouqi.jpg" alt=""><p>Xiaomi路由器</p><b>299元</b></a>
                        </li>
                        <li>
                            <a href="#"><img src="../img/luyouqi.jpg" alt=""><p>Xiaomi路由器</p><b>299元</b></a>
                        </li>
                        <li>
                            <a href="#"><img src="../img/luyouqi.jpg" alt=""><p>Xiaomi路由器redmi 11pro</p><b>299元</b></a>
                        </li>
                        <li>
                            <a href="#"><img src="../img/luyouqi.jpg" alt=""><p>Xiaomi路由器</p><b>299元</b></a>
                        </li>
                        <li>
                            <a href="#"><img src="../img/luyouqi.jpg" alt=""><p>Xiaomi路由器</p><b>299元</b></a>
                        </li>
                        <li>
                            <a href="#"><img src="../img/luyouqi.jpg" alt=""><p>Xiaomi路由器</p><b>299元</b></a>
                        </li>
                    </ul>
                </div>
            </li>
            <li>
                <a href="#"><span>服务</span></a>
               
            </li>
            <li>
                <a href="#"><span>社区</span></a>
                
            </li>
        </ul>
        <div class="mainbav-sousuo">
            <input type="text">
            <div class="mainbav-sousuo-btn"><i class="iconfont icon-sousuo"></i></div>
        </div>
    </div>

    <!-- 中心版图模块 -->
    <div id="banner" class="container">
        <!-- Swiper -->
        <div class="swiper mySwiper">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <img src="../img/l1.jpg" />
                </div>
                <div class="swiper-slide">
                    <img src="../img/l2.webp" />
                </div>
                <div class="swiper-slide">
                    <img src="../img/l3.webp" />
                </div>
                <div class="swiper-slide">
                    <img src="../img/l4.webp" />
                </div>
                
            </div>
             <div class="swiper-button-next"></div> 
             <div class="swiper-button-prev"></div> 
             <div class="swiper-pagination"></div> 
        </div>
        <!-- 二级菜单 -->
        <div class="banner-list">
            <li>
                <a>手机 <span>></span></a>
                <div>
                    <ul>
                        <li><a><img src="../img/cv.webp" > <span>readmi note11pro</span></a></li>
                        <li><a><img src="../img/cv.webp" > <span>readmi note11pro</span></a></li>
                        <li><a><img src="../img/cv.webp" > <span>readmi note11pro</span></a></li>
                        <li><a><img src="../img/cv.webp" > <span>readmi note11pro</span></a></li>
                        <li><a><img src="../img/cv.webp" > <span>readmi note11pro</span></a></li>
                    </ul>
                    <ul>
                        <li><a><img src="../img/dianshi.webp" alt=""> <span>readmi note11pro</span></a></li>
                        <li><a><img src="../img/phone-note11pro.webp" alt=""> <span>readmi note11pro</span></a></li>
                       
                    </ul>
                </div>
            </li>
            <li>
                <a>电视<span>></span></a>
                <div>
                    <ul>
                        <li><a><img src="../img/phone-note11pro.webp" alt=""> <span>readmi note11pro</span></a></li>
                        <li><a><img src="../img/phone-note11pro.webp" alt=""> <span>readmi note11pro</span></a></li>
                        <li><a><img src="../img/phone-note11pro.webp" alt=""> <span>readmi note11pro</span></a></li>
                        <li><a><img src="../img/phone-note11pro.webp" alt=""> <span>readmi note11pro</span></a></li>
                        <li><a><img src="../img/phone-note11pro.webp" alt=""> <span>readmi note11pro</span></a></li>
                        <li><a><img src="../img/phone-note11pro.webp" alt=""> <span>readmi note11pro</span></a></li>
                    </ul>
                </div>
            </li>
            <li>
                <a>笔记本 平板<span>></span></a>
                <div>
                    <ul>
                        <li><a><img src="../img/note11.webp" alt=""> <span>readmi note11pro</span></a></li>
                        <li><a><img src="../img/note11.webp" alt=""> <span>readmi note11pro</span></a></li>
                        <li><a><img src="../img/note11.webp" alt=""> <span>readmi note11pro</span></a></li>
                        <li><a><img src="../img/note11.webp" alt=""> <span>readmi note11pro</span></a></li>
                        <li><a><img src="../img/note11.webp" alt=""> <span>readmi note11pro</span></a></li>
                    </ul>
                </div>
            </li>
            <li>
                <a>家电 <span>></span></a>
                <div>
                    <ul>
                        <li><a><img src="../img/nonte 11 4g.webp" alt=""> <span>readmi note11pro</span></a></li>
                        <li><a><img src="../img/nonte 11 4g.webp" alt=""> <span>readmi note11pro</span></a></li>
                        <li><a><img src="../img/nonte 11 4g.webp" alt=""> <span>readmi note11pro</span></a></li>
                        <li><a><img src="../img/nonte 11 4g.webp" alt=""> <span>readmi note11pro</span></a></li>
                        <li><a><img src="../img/nonte 11 4g.webp" alt=""> <span>readmi note11pro</span></a></li>
                    </ul>
                </div>
            </li>
            <li>
                <a>出行 穿戴<span>></span></a>
                <div>
                    <ul>
                        <li><a><img src="../img/pro15.png" alt=""> <span>readmi note11pro</span></a></li>
                        <li><a><img src="../img/pro15.png" alt=""> <span>readmi note11pro</span></a></li>
                        <li><a><img src="../img/pro15.png" alt=""> <span>readmi note11pro</span></a></li>
                        <li><a><img src="../img/pro15.png" alt=""> <span>readmi note11pro</span></a></li>
                        <li><a><img src="../img/pro15.png" alt=""> <span>readmi note11pro</span></a></li>
                    </ul>
                </div>
            </li>
            <li>
                <a>智能 路由器<span>></span></a>
                <div>
                    <ul>
                        <li><a><img src="../img/mix4.webp" alt=""> <span>readmi note11pro</span></a></li>
                        <li><a><img src="../img/mix4.webp" alt=""> <span>readmi note11pro</span></a></li>
                        <li><a><img src="../img/mix4.webp" alt=""> <span>readmi note11pro</span></a></li>
                        <li><a><img src="../img/mix4.webp" alt=""> <span>readmi note11pro</span></a></li>
                        <li><a><img src="../img/mix4.webp" alt=""> <span>readmi note11pro</span></a></li>
                    </ul>
                </div>
            </li>
            <li>
                <a>电源 配件<span>></span></a>
                <div>
                    <ul>
                        <li><a><img src="../img/case7.2.jpg" alt=""> <span>readmi note11pro</span></a></li>
                        <li><a><img src="../img/case7.2.jpg" alt=""> <span>readmi note11pro</span></a></li>
                        <li><a><img src="../img/case7.2.jpg" alt=""> <span>readmi note11pro</span></a></li>
                        <li><a><img src="../img/case7.2.jpg" alt=""> <span>readmi note11pro</span></a></li>
                        <li><a><img src="../img/case7.2.jpg" alt=""> <span>readmi note11pro</span></a></li>
                    </ul>
                </div>
            </li>
            <li>
                <a>健康 儿童<span>></span></a>
                <div>
                    <ul>
                        <li><a><img src="../img/case7.1.jpg" alt=""> <span>readmi note11pro</span></a></li>
                        <li><a><img src="../img/case7.1.jpg" alt=""> <span>readmi note11pro</span></a></li>
                        <li><a><img src="../img/case7.1.jpg" alt=""> <span>readmi note11pro</span></a></li>
                        <li><a><img src="../img/case7.1.jpg" alt=""> <span>readmi note11pro</span></a></li>
                        <li><a><img src="../img/case7.1.jpg" alt=""> <span>readmi note11pro</span></a></li>
                    </ul>
                </div>
            </li>
            <li>
                <a>耳机 音箱<span>></span></a>
                <div>
                    <ul>
                        <li><a><img src="../img/case6.2.jpg" alt=""> <span>readmi note11pro</span></a></li>
                        <li><a><img src="../img/case6.2.jpg"  alt=""> <span>readmi note11pro</span></a></li>
                        <li><a><img src="../img/case6.2.jpg"  alt=""> <span>readmi note11pro</span></a></li>
                        <li><a><img src="../img/case6.2.jpg"  alt=""> <span>readmi note11pro</span></a></li>
                        <li><a><img src="../img/case6.2.jpg"  alt=""> <span>readmi note11pro</span></a></li>
                    </ul>
                </div>
            </li>
            <li>
                <a>生活 箱包<span>></span></a>
                <div>
                    <ul>
                        <li><a><img src="../img/case5.9.jpg" alt=""> <span>readmi note11pro</span></a></li>
                        <li><a><img src="../img/case5.9.jpg"  alt=""> <span>readmi note11pro</span></a></li>
                        <li><a><img src="../img/case5.9.jpg"  alt=""> <span>readmi note11pro</span></a></li>
                        <li><a><img src="../img/case5.9.jpg"  alt=""> <span>readmi note11pro</span></a></li>
                        <li><a><img src="../img/case5.9.jpg"  alt=""> <span>readmi note11pro</span></a></li>
                    </ul>
                </div>
            </li>

        </div>

    </div>

    <!-- 热度商品模块 -->
    <div id="hot" class="container">
        <div class="hot-infer">
            <div><i class="iconfont icon-shijian_o"></i><a href="#">保障服务</a></div>
            <div><i class="iconfont icon-qiyetuangou"></i><a href="#">企业团购</a></div>
            <div><i class="iconfont icon-Fmatongdao"></i><a href="#">F码通道</a></div>
            <div><i class="iconfont icon-mifenqia"></i><a href="#">米粉卡</a></div>
            <div><i class="iconfont icon-yijiuhuanxin"></i><a href="#">以旧换新</a></div>
            <div><i class="iconfont icon-huafeichongzhi"></i><a href="#">话费充值</a></div>
        </div>
        <div class="hot-pic"><a href="#"><img src="../img/utrl.jpg" alt=""></a></div>
        <div class="hot-pic"><a href="#"><img src="../img/fold.jpg" alt=""></a></div>
        <div class="hot-pic"><a href="#"><img src="../img/airpod.jpeg" alt=""></a></div>
    </div>


    <!-- 商品列表 -->
    <div id="main">
        <!-- k40 -->
        <div class=" case-banner container">
            <a href="#"><img src="../img/k40.webp" alt=""></a>
        </div>
        <!-- 手机列表模块 -->
        <div class="main-case-1 container">
            <div class="case-title">
                <h3>手机</h3>
                <a href="列表页.html">查看更多<span class="iconfont icon-xiangyou3fill"></span></a>
            </div>
            <div class="case-pic">
                <div><a href="#"><img src="../img/mix.fold.webp" alt=""></a></div>
                <div class="case-pic1" >
                    <a href="#" style="width: 160px;height: 160px;"><img src="../img/phone-note11pro.webp"style="width: 160px;height: 160px; alt=""></a>
                    <ul>
                        <li><a href="#">Redmi Note 11 Pro系列</a></li>
                        <li><a href="#">Redmi Note 11 Pro系列/a></li>
                        <li><a href="#">1799元起</a> <!-- <span>599元</span> -->
                        </li>
                    </ul>
                </div>
                <div>
                    <a href="#"><img src="../img/note11.webp" alt=""></a>
                    <ul>
                        <li><a href="#"> Redmi Note 11 5G</a></li>
                        <li><a href="#">5000mAh大电量</a></li>
                        <li><a href="#">1199元起</a> <!-- <span>599元</span> -->
                        </li>
                    </ul>
                </div>
                <div>
                    <a href="#"><img src="../img/nonte 11 4g.webp" alt=""></a>
                    <ul>
                        <li><a href="#">Redmi Note 11 4G</a></li>
                        <li><a href="#">5000</a></li>
                        <li><a href="#">999元起</a> <!-- <span>599元</span> -->
                        </li>
                    </ul>
                </div>
                <div>
                    <a href="#"><img src="../img/4spro.webp" alt=""></a>
                    <ul>
                        <li><a href="#">黑鲨4S Pro
                        </a></li>
                        <li><a href="#">磁动力升降肩键</a></li>
                        <li><a href="#">4799元起</a> <!-- <span>599元</span> -->
                        </li>
                    </ul>
                </div>
                <div>
                    <a href="#"><img src="../img/4s2.webp" alt=""></a>
                    <ul>
                        <li><a href="#">黑鲨</a></li>
                        <li><a href="#">磁动力升降肩键</a></li>
                        <li><a href="#">2699元起</a> <!-- <span>599元</span> -->
                        </li>
                    </ul>
                </div>
                <div>
                    <a href="#"><img src="../img/cv.webp" alt=""></a>
                    <ul>
                        <li><a href="#">XiaomiCivi</a></li>
                        <li><a href="#">3200万高清质感自拍</a></li>
                        <li><a href="#">2599元起</a> <!-- <span>599元</span> -->
                        </li>
                    </ul>
                </div>
                <div>
                    <a href="#"><img src="../img/mix4.webp" alt=""></a>
                    <ul>
                        <li><a href="#">xiaomi MIX4</a></li>
                        <li><a href="#">cup全面屏</a></li>
                        <li><a href="#">4199元起</a> <!-- <span>599元</span> -->
                        </li>
                    </ul>
                </div>
                <div>
                    <a href="#"><img src="../img/noto.webp" alt=""></a>
                    <ul>
                        <li><a href="#">小米</a></li>
                        <li><a href="#">晓龙865/1亿像素照相</a></li>
                        <li><a href="#">3999元起</a> <!-- <span>599元</span> -->
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <!-- 智能门铃 -->
        <div class=" case-banner container">
            <a href="#"><img src="../img/menling.webp" alt=""></a>
        </div>
        <!-- 搭配 -->
        <div class="main-case-2 container">
            <div class="case-title">
                <h3>家电</h3>
                <ul>
                    <a href="#">热门</a>
                    <!-- <a href="#"></a> -->
                    <a href="#">电视影音</a>
                </ul>
            </div>
            <div class="case-pic">
                <div><a href="#"><img src="../img/dianshi6.webp" alt=""></a></div>
                <div><a href="#"><img src="../img/dianshi7.webp" alt=""></a></div>
                <div>
                    <a href="#"><img src="../img/case7.8.jpg" alt=""></a>
                    <ul>
                        <li><a href="#">小米[小爱老师]</a></li>
                        <li><a href="#">口袋里的英语外教</a></li>
                        <li><a href="#">449元</a> <span>499元</span></li>
                    </ul>
                </div>
                <div>
                    <a href="#"><img src="../img/case7.7.jpg" alt=""></a>
                    <ul>
                        <li><a href="#">小米[小爱老师]</a></li>
                        <li><a href="#">口袋里的英语外教</a></li>
                        <li><a href="#">449元</a> <span>499元</span></li>
                    </ul>
                </div>
                <div>
                    <a href="#"><img src="../img/case7.5.jpg" alt=""></a>
                    <ul>
                        <li><a href="#">小米[小爱老师]</a></li>
                        <li><a href="#">口袋里的英语外教</a></li>
                        <li><a href="#">449元</a> <span>499元</span></li>
                    </ul>
                </div>
                <div>
                    <a href="#"><img src="../img/case7.2.jpg" alt=""></a>
                    <ul>
                        <li><a href="#">小米[小爱老师]</a></li>
                        <li><a href="#">口袋里的英语外教</a></li>
                        <li><a href="#">449元</a> <span>499元</span></li>
                    </ul>
                </div>
                <div>
                    <a href="#"><img src="../img/case7.1.jpg" alt=""></a>
                    <ul>
                        <li><a href="#">小米[小爱老师]</a></li>
                        <li><a href="#">口袋里的英语外教</a></li>
                        <li><a href="#">449元</a> <span>499元</span></li>
                    </ul>
                </div>
                <div>
                    <a href="#"><img src="../img/case6.2.jpg" alt=""></a>
                    <ul>
                        <li><a href="#">小米[小爱老师]</a></li>
                        <li><a href="#">口袋里的英语外教</a></li>
                        <li><a href="#">449元</a> <span>499元</span></li>
                    </ul>
                </div>
                <div>
                    <a href="#"><img src="../img/case5.9.jpg" alt=""></a>
                    <ul>
                        <li><a href="#">小米[小爱老师]</a></li>
                        <li><a href="#">口袋里的英语外教</a></li>
                        <li><a href="#">449元</a> <span>499元</span></li>
                    </ul>
                </div>
                <div>
                    <ul>
                        <li><a href="#">浏览更多</a></li>
                        <li><a href="#">热门</a></li>
                    </ul>
                    <a href="#"> <span class="iconfont icon-xiangyou2"></span> </a>
                </div>
                <div></div>
            </div>
        </div>
        <!-- 中性笔 -->
        <div class=" case-banner container">
            <a href="#"><img src="../img/bi.webp" alt=""></a>
        </div>
        <!-- 日用百货 -->
        <div class="main-case-3 container">
            <div class="case-title">
                <h3>日用百货</h3>
                <ul>
                    <a href="#">个性出行</a>
                    <a href="#">电源/线材</a>
                    <a href="#">儿童玩具</a>
                    <a href="#">家具用品</a>
                </ul>
            </div>
            <div class="case-pic">
                <div><a href="#"><img src="../img/case7.7.jpg" alt=""></a></div>
                <div><a href="#"><img src="../img/case7.8.jpg" alt=""></a></div>
                <div>
                    <a href="#"><img src="../img/case5.6.jpg" alt=""></a>
                    <ul>
                        <li><a href="#">小米[小爱老师]</a></li>
                        <li><a href="#">口袋里的英语外教</a></li>
                        <li><a href="#">449元</a> <span>499元</span></li>
                    </ul>
                </div>
                <div>
                    <a href="#"><img src="../img/case5.5.jpg" alt=""></a>
                    <ul>
                        <li><a href="#">小米[小爱老师]</a></li>
                        <li><a href="#">口袋里的英语外教</a></li>
                        <li><a href="#">449元</a> <span>499元</span></li>
                    </ul>
                </div>
                <div>
                    <a href="#"><img src="../img/case5.10.jpg" alt=""></a>
                    <ul>
                        <li><a href="#">小米[小爱老师]</a></li>
                        <li><a href="#">口袋里的英语外教</a></li>
                        <li><a href="#">449元</a> <span>499元</span></li>
                    </ul>
                </div>
                <div>
                    <a href="#"><img src="../img/case5.10.jpg" alt=""></a>
                    <ul>
                        <li><a href="#">小米[小爱老师]</a></li>
                        <li><a href="#">口袋里的英语外教</a></li>
                        <li><a href="#">449元</a> <span>499元</span></li>
                    </ul>
                </div>
                <div>
                    <a href="#"><img src="../img/case7.7.jpg" alt=""></a>
                    <ul>
                        <li><a href="#">小米[小爱老师]</a></li>
                        <li><a href="#">口袋里的英语外教</a></li>
                        <li><a href="#">449元</a> <span>499元</span></li>
                    </ul>
                </div>
                <div>
                    <a href="#"><img src="../img/cv.webp" alt=""></a>
                    <ul>
                        <li><a href="#">小米[小爱老师]</a></li>
                        <li><a href="#">口袋里的英语外教</a></li>
                        <li><a href="#">449元</a> <span>499元</span></li>
                    </ul>
                </div>
                <div>
                    <a href="#"><img src="../img/mix4.webp" alt=""></a>
                    <ul>
                        <li><a href="#">小米[小爱老师]</a></li>
                        <li><a href="#">口袋里的英语外教</a></li>
                        <li><a href="#">449元</a> <span>499元</span></li>
                    </ul>
                </div>
                <div>
                    <ul>
                        <li><a href="#">小米体脂秤2</a></li>
                        <li><a href="#">99元</a></li>
                    </ul>
                    <a href="#"><img src="../img/case7.5.jpg" alt=""></a>
                </div>
                <div>
                    <ul>
                        <li><a href="#">浏览更多</a></li>
                        <li><a href="#">热门</a></li>
                    </ul>
                    <a href="#"><span class="iconfont icon-xiangyou2"></span></a>
                </div>
            </div>
        </div>
        <!-- 视频 -->
        <div class="main-case-4 container">
            <div class="case-title">
                <h3>视频</h3>
                <a href="#">查看全部<span class="iconfont icon-xiangyou3fill"></span></a>
            </div>

            <div class="case-pic">
                <div>
                    <a href="#"><img src="../img/video1.webp" alt=""></a>
                    <ul>
                        <a href="#">2021年春季新品发布会第一场</a>
                    </ul>
                </div>
                <div>
                    <a href="#"><img src="../img/video2.webp" alt=""></a>
                    <ul>
                        <a href="#">Redmi 10 x系列发布会</a>
                    </ul>
                </div>
                <div>
                    <a href="#"><img src="../img/video3.webp" alt=""></a>
                    <ul>
                        <a href="#">小米10 青春版 发布会</a>
                    </ul>
                </div>
                <div>
                    <a href="#"><img src="../img/video4.webp" alt=""></a>
                    <ul>
                        <a href="#">小米10 8k手机拍大片</a>
                    </ul>
                </div>
            </div>
        </div>
    </div>

    <!-- 底部footer模块 -->
    <div id="footer">
        <div class="footer-list container">
            <ul>
                <li><a href="#"><span class="iconfont icon-weixiu"></span>预约维修服务</a></li>
                <li><a href="#"><span class="iconfont icon-7tianwuliyoutuihuo"></span>7天无理由退货服务</a></li>
                <li><a href="#"><span class="iconfont icon-15tianwuliyoutuihuo"></span>15天免费换货服务</a></li>
                <li><a href="#"><span class="iconfont icon-liwu"></span>满99元包邮</a></li>
                <li><a href="#"><span class="iconfont icon-didian"></span>520余家售后网点</a></li>
            </ul>
        </div>
        <div class="footer-infer container">
            <div class="footer-infer-one ">
                <dl>
                    <dt>帮助中心</dt>
                    <dd><a href="">账户管理</a></dd>
                    <dd><a href="">购物指南</a></dd>
                    <dd><a href="">订单操作</a></dd>
                </dl>
                <dl>
                    <dt>服务支持</dt>
                    <dd><a href="">售后政策</a></dd>
                    <dd><a href="">购物指南</a></dd>
                    <dd><a href="">订单操作</a></dd>
                </dl>
                <dl>
                    <dt>线下门店</dt>
                    <dd><a href="">账户管理</a></dd>
                    <dd><a href="">购物指南</a></dd>
                    <dd><a href="">订单操作</a></dd>
                </dl>
                <dl>
                    <dt>关于小米</dt>
                    <dd><a href="">账户管理</a></dd>
                    <dd><a href="">购物指南</a></dd>
                    <dd><a href="">订单操作</a></dd>
                    <dd><a href="">企业社会责任</a></dd>
                    <dd><a href="">订单操作</a></dd>
                </dl>
                <dl>
                    <dt>关于我们</dt>
                    <dd><a href="">账户管理</a></dd>
                    <dd><a href="">购物指南</a></dd>
                    <dd><a href="">订单操作</a></dd>
                    <dd><a href="">公益基金会</a></dd>
                </dl>
                <dl>
                    <dt>特色服务</dt>
                    <dd><a href="">账户管理</a></dd>
                    <dd><a href="">购物指南</a></dd>
                    <dd><a href="">订单操作</a></dd>
                </dl>
            </div>
            <div class="footer-infer-two">
                <p>400-100-5678</p>
                <li>周一至周日 8：00-18：00</li>
                <li>（仅收市话费）</li>
                <a href="#"><span class="iconfont icon-liaotian"></span>人工客服</a>
                <p><span>关注小米：</span><a><span  class="iconfont icon-xinlangweibo"></span></a><a><span class="iconfont icon-weixin"></span></a></p>
            </div>
        </div>
    </div>

    <!-- 底部图标模块 -->
    <div id="logo-bottom">
        <div class="logo-bottom-1 container">
            <div class="logo"><img src="../img/logo.png" alt=""></div>
            <div class="list">
                <p class="sites">
                    <a rel="nofollow" href="//www.mi.com/index.html" target="_blank">小米商城</a>
                    <span class="sep">|</span>
                    <a rel="nofollow" href="//www.miui.com/" target="_blank">MIUI</a>
                    <span class="sep">|</span>
                    <a rel="nofollow" href="//home.mi.com/index.html" target="_blank">米家</a>
                    <span class="sep">|</span>
                    <a rel="nofollow" href="http://www.miliao.com/" target="_blank">米聊</a>
                    <span class="sep">|</span>
                    <a rel="nofollow" href="//www.duokan.com/" target="_blank">多看</a>
                    <span class="sep">|</span>
                    <a rel="nofollow" href="//game.xiaomi.com/" target="_blank">游戏</a>
                    <span class="sep">|</span>
                    <a rel="nofollow" href="//b.mi.com/?client_id=180100031058&masid=17409.0358"
                        target="_blank">政企服务</a>
                    <span class="sep">|</span>
                    <a rel="nofollow" href="//xiaomi.tmall.com/" target="_blank">小米天猫店</a>
                    <span class="sep">|</span>
                    <a rel="nofollow" href="//privacy.mi.com/all/zh_CN/" target="_blank">小米集团隐私政策</a>
                    <span class="sep">|</span>
                    <a rel="nofollow" href="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/f516fe9e2c01.html"
                        target="_blank">小米公司儿童信息保护规则</a>
                    <span class="sep">|</span>
                    <a rel="nofollow" href="//m.mi.com/support/module?id=63&headless=1" target="_blank">小米商城隐私政策</a>
                    <span class="sep">|</span>
                    <a rel="nofollow" href="//www.mi.com/about/user-agreement/" target="_blank">小米商城用户协议</a>
                    <span class="sep">|</span>
                    <a rel="nofollow" href="//static.mi.com/feedback/" target="_blank">问题反馈</a>
                    <span class="sep">|</span>
                    <a rel="nofollow" href="javascript:void(0);" class="J_siteGlobalRegion">Select Location</a>
                </p>
                <p class="sites">
                    <a rel="nofollow" href="http://www.mi.com/beihu" target="_blank">北京互联网法院法律服务工作站</a>
                    <span class="sep">|</span>
                    <a rel="nofollow" href="http://www.cca.org.cn/" target="_blank">中国消费者协会</a><span
                        class="sep">|</span>
                    <a rel="nofollow" href="http://www.bj315.org/" target="_blank">北京市消费者协会</a>
                </p>
                <p>
                    &copy;
                    <a href="javascript:;" target="_blank" title="mi.com">mi.com</a> 京ICP证110507号
                    <a href="http://beian.miit.gov.cn/" target="_blank" rel="nofollow">京ICP备10046444号</a>
                    <a rel="nofollow" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010802020134"
                        target="_blank">京公网安备11010802020134号</a>
                    <a href="//www.mi.com/culture-license/" target="_blank">京网文[2020]0276-042号</a>
                    <br>
                    <a href="//www.mi.com/medical/record/" target="_blank">（京）网械平台备字（2018）第00005号</a>
                    <a href="//www.mi.com/medical/qualification/" target="_blank">互联网药品信息服务资格证 (京)-非经营性-2014-0090</a>
                    <a href="//www.mi.com/business-license/" target="_blank">营业执照</a>
                    <a href="//www.mi.com/medical/list/" target="_blank">医疗器械质量公告</a>
                    <br>
                    <a href="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/e0c7d4cf3b7cd88de10196e30c92e020.png"
                        target="_blank">增值电信业务许可证</a>&nbsp;网络食品经营备案 京食药网食备202010048 &nbsp;
                    <a href="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/c6859168166651511897f54fa1047fe3.png"
                        target="_blank">食品经营许可证</a>
                    <br>
                    违法和不良信息举报电话：171-5104-4404&nbsp;<a href='https://www.mi.com/intellectual'
                        target="_blank">知识产权侵权投诉</a>&nbsp;本网站所列数据，除特殊说明，所有数据均出自我司实验室测试
                </p>
            </div>

        </div>
        <div class="info-links container">
            <div class="lianjie">
                <a rel="nofollow"
                    href="//privacy.truste.com/privacy-seal/validation?rid=4fc28a8c-6822-4980-9c4b-9fdc69b94eb8&lang=zh-cn"
                    target="_blank">
                    <img rel="nofollow" src="//i1.mifile.cn/f/i/17/site/truste.png"
                        alt="TRUSTe Privacy Certification" />
                </a>
                <a rel="nofollow" href="//search.szfw.org/cert/l/CX20120926001783002010" target="_blank">
                    <img rel="nofollow" src="//s01.mifile.cn/i/v-logo-2.png" alt="诚信网站" />
                </a>
                <a id="_xinchacharenzheng_cert_vip_kexinweb" rel="nofollow"
                    href="//xyt.xinchacha.com/pcinfo?sn=523009637759455232&certType=6" target="_blank">
                    <img rel="nofollow" src="//xyt.xinchacha.com/img/icon/icon3.png" alt="可信网站" />
                </a>
                <a rel="nofollow" href="//www.mi.com/service/buy/commitment/" target="_blank">
                    <img rel="nofollow" src="//i8.mifile.cn/b2c-mimall-media/ba10428a4f9495ac310fd0b5e0cf8370.png"
                        alt="诚信经营 放心消费" />
                </a>
            </div>

        </div>
        <div class="service">
            <li>探索黑科技，小米为发烧而生</li>
        </div>
        </div>
    <script src="../js/jqy.js"></script>
    <script src="../js/swiper.min.js"></script>
    <script src="../js/小米首页.js"></script>
</body>

</html>